
<body>
   Actualizar Persona
   <table align="center">
                <tr>
                    <td>
                        cedula
                    </td>
                    <td>
                        <input name="cedula" id="cedula"/>
                    </td>
                </tr>
                
                <tr>
                    <td>
                        Nombre
                    </td>								
                    <td>
                        <input name="nombre" id="nombre"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Apellido
                    </td>								
                    <td>
                        <input name="apellido" id="apellido"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        nacionalidad
                    </td>								
                    <td>
                        <input name="nacionalidad" id="nacionalidad"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Dir Habitacion
                    </td>								
                    <td>
                        <input name="direccion_hab" id="direccion_hab"/>
                    </td>
                </tr>
                  <tr>
                    <td>
                        Telefono
                    </td>								
                    <td>
                        <input name="telf" id="telf"/>
                    </td>
                </tr>
                  <tr>
                    <td>
                        edad
                    </td>								
                    <td>
                        <input name="edad" id="edad"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Sexo
                    </td>								
                    <td>
                        <select name="sexo" id="sexo" style="width: 182px">
                            <option value="seleccione">seleccione</option>
                            <option value="Masculino">Masculino</option>
                            <option value="Femenino">Femenino</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        F Nacimiento
                    </td>								
                    <td>
                        <input name="fecha_nacimiento" id="fecha_nacimiento"/>
                    </td>
                </tr>
              
                <tr>
                    <td>
                        Edo Civil
                    </td>								
                    <td>
                        <select name="edo_civil" id="edo_civil" style="width: 182px">
                            <option value=" "> </option>
                            <option value="Casado(a)">Casado(a)</option>
                            <option value="Divorciado(a)">Divorciado(a)</option>
                            <option value="Soltero(a)">Soltero(a)</option>
                            <option value="Viudo(a)">Viudo(a)</option>
                            <option value="Otro">Otro</option>
                            
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        Profesion
                    </td>								
                    <td>
                        <input name="profesion" id="profesion"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Lugar Naci
                    </td>								
                    <td>
                        <textarea name="lugar_nacimiento" id="lugar_nacimiento" rows="5" cols="18"></textarea>
                    </td>
                </tr>
                <tr>
                </tr>
                <tr>
                    <td>
                        <p>
                            <span class="art-button-wrapper">
                                <span class="art-button-l"> </span>
                                <span class="art-button-r"> </span>
                                <a style="cursor: pointer;" class="art-button" href="javascript:guardar()">Guardar</a>
                            </span>
                        </p>
                    </td>
                    <td>
                        <p>
                            <span class="art-button-wrapper">
                                <span class="art-button-l"> </span>
                                <span class="art-button-r"> </span>
                                <a class="art-button" style="cursor: pointer;" href="javascript:limpiar()">Limpiar</a>
                            </span>
                        </p>
                    </td>
                </tr>
            </table>
            <div id="respuesta"></div> 
            
   <script>
           
               
  function guardar(){			
           
            //Con jquery obtengo los id de cada input que estan en mi pagina html.
            var params = {
                cedula: $("#cedula").get(0).value,
                nombre: $("#nombre").get(0).value,
                apellido: $("#apellido").get(0).value,
                nacionalidad: $("#nacionalidad").get(0).value,
                direccion_hab: $("#direccion_hab").get(0).value,
                telf: $("#telf").get(0).value,
                edad: $("#edad").get(0).value,
                sexo: $("#sexo").get(0).value,
                fecha_nacimiento: $("#fecha_nacimiento").get(0).value,
                edo_civil: $("#edo_civil").get(0).value,
                edo_civil: $("#edo_civil").get(0).value,
                profesion: $("#profesion").get(0).value,
                lugar_nacimiento: $("#lugar_nacimiento").get(0).value,
                accion : 'actualizar'
            }			
            $("#respuesta").load("../controladores/PersonaControlador.php", params, function(){	
                
                console.log("recibidos los datos por ajax");
            });
        }                 
    $("#fecha_nacimiento" ).datepicker({
            showOn: "button",
            buttonImage: "../images/calendar.gif",
            buttonImageOnly: true,
            changeMonth: true,
            changeYear: true,
             dateFormat: 'yy-mm-dd',
            regional: 'es'
        });
 
 
 </script>         
</body>

